<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 100px;
            height: 200px;
            background-color: pink;
            border: 1px solid red;
            /* 默认的方式 */
            /* overflow: visible; */

            /* 一直显示滚动调 */
            /* overflow: scroll; */

            /* 超出显示滚动条，不超出不显示滚动条 */
            /* overflow:auto; */

            /* 超出不显示 */
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div>
        Provide an interface equally viewable by narrow and wider mobile screens (it will be tested).
        Note that this is just a request to keep your app simple and displayable on narrow screen as
        well as possibly wider screens. You can put links in a long page to navigate your app on narrow
        screens. This will be important when we get to mobile device apps later in the unit (1 mark).
        • Use interactive features (e.g. use innerHTML assignments) to improve user experience (not
        alert() calls!). You are expected to add error messages where necessary (1 mark).
    </div>
</body>

</html>